const loading = {
    // 思路 ，当v-loading绑定成功的时候 向当前元素插入一个loading组件
    // 然后根据 binding里value 来动态开管loading组件
    // 指令的定义
    inserted: function (el, binding) {
        const div = document.createElement('div')
        div.className = 'loading'
        div.innerHTML = 'loading'
        div.style.display = binding.value ? 'block' : 'none'
        el.appendChild(div)
    },
    update: function (el, binding) {
        console.log(el)
        console.log(el.getElementsByClassName('loading'))
        el.getElementsByClassName(
            'loading'
        )[0].style.display = binding.value ? 'block' : 'none'
    }
}

export default loading;
